<template>
<div class="block">
  <el-timeline>
    <el-timeline-item  v-for="v in list" :key="v" :timestamp="$g.time2date(v.time,'yyyy-m-d h:i:s')" placement="top">
      <el-card>
        <h4>{{acts[v.act]['name']}}</h4>
        <p v-if="v.from && users[v.from]">
          {{users[v.from].nickname}}
        </p>
        <p></p>
      </el-card>
    </el-timeline-item>
   
  </el-timeline>
</div>
</template>
<script>

export default {
    name :"actions",
    props:{
        list:Array,
        users:Object
    },
    unmounted(){
      console.log("unmounted")
    },
    data(){
        var acts = {
          1001 : {
            name : "准备开始",
            needJSON : false,
          },
          1002 : {
            name : "取消准备",
            needJSON : false,
          },
          1004 : {
            name : "开始发牌",
            needJSON : true,
          },
          1005 : {
            name : "报封问询",
            needJSON : false,
          },
          1006 : {
            name : "报封",
            needJSON : false,
          },
          1007 : {
            name : "不报封",
            needJSON : false,
          },
          1008 : {
            name : "出牌问询",
            needJSON : false,
          },
          1009 : {
            name : "出牌",
            needJSON : false,
          },
          1013 : {
            name : "进入房间",
            needJSON : true,
          },
          1014 : {
            name : "离开房间",
            needJSON : false,
          },
          1016 : {
            name : "错误提示",
            needJSON : false,
          },
          1017 : {
            name : "游戏结束",
            needJSON : false,
          },
          1018 : {
            name : "结算黄豆",
            needJSON : false,
          },
          1019 : {
            name : "系统托管",
            needJSON : false,
          },
          1020 : {
            name : "出牌提示",
            needJSON : false,
          },
          2009 : {
            name : "连接",
            needJSON : false,
          },
          2010 : {
            name : "断开连接",
            needJSON : false,
          },
         
        }
        return {
            acts:acts
        }
    }
}
</script>
<style lang="scss" scoped>

</style>